
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-steam-square"></i> <strong>外贸价格单详情</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>外贸价格单</li>
				<li class="active">外贸价格单详情</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">价格单信息</h4>
						</div>
						<div class="widget-content nopadding">
							<input id="id" name="name" type="hidden" th:value="${quote.id}" />
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
										<td width="5%" class="center">项目名称</td>
										<td width="20%"><div class="col-md-9"><input class="form-control" type="text"
											readonly="readonly" th:value="${quote.name}" /></div></td>
										<td width="5%" class="center">附件</td>
										<td width="15%">
											<div class="col-md-9"><button type="button" class="btn btn-sm btn-info attachment">查看附件</button>
											<span id="foreign-quote-ANum" class="badge label-pill label-primary">0</span></div>
										</td>
									</tr>
									<tr class="odd gradeX">
											<td width="10%" class="center">客户名称</td>
											<td width="40%">
												<div class="col-md-9">
													<input type="hidden" name="customerId" id="customerId" th:value="${quote.customerId}"/>
													<input class="form-control" type="text" id="customerName"
														name="customerName"
														th:value="${quote.customerName}"
														readonly="readonly"/>
												</div>
												
											</td>
											<td width="10%" class="center">交货日期</td>
											<td width="40%">
												<div class="col-md-11">
													<input class="form-control" type="date" id="deliveryDate"
														name="deliveryDate" 
														readonly="readonly" th:value="${#dates.format(quote.deliveryDate,'YYYY-MM-dd')}"/>
												</div>
												
											</td>
										</tr>
									<tr>
										<td class="center">备注</td>
										<td colspan="3"><div class="col-md-9"><textarea class="form-control"
												readonly="readonly" rows="3" th:text="${quote.memo}"></textarea></div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>

						<h5 class="modal-title">
							<strong>泵</strong>
						</h5>
						<div class="box-body" style="width: 100%; overflow-x: scroll;">
							<table
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								width="3000px" id="mainDeviceTable">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<th width="5%">产品名称</th>
										<th width="5%">产品类型</th>
										<th width="5%">产品型号</th>
										<th width="6%">是否降库产品</th>
									    <th width="5%">数量</th>
									    <th width="5%">单位</th>
										<th width="5%">原价</th>
										<th width="5%">报价</th>
										<th width="5%">功率(kw)</th>
										<th width="5%">过流材质</th>
										<th width="5%">传输介质</th>
										<th width="5%">粘度(Cp)</th>
										<th width="5%">流量(m3/h)</th>
										<th width="5%">扬程(m)</th>
										<th width="5%">温度(℃)</th>
										<th width="5%">比重(kg/m3)</th>
										<th width="5%">入口压力(MPa)</th>
										<th width="6%">有效气蚀余量(N[PSHa)(m)</th>
										<th width="6%">必须气蚀余量(N[PSHr)(m)</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>

						<h5 class="modal-title">
							<strong>其他</strong>
						</h5>
						<div class="box-body">
							<table
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								width="100%" id="otherTable">
								<thead>
									<tr>
										<th class="center" width="10%">序号</th>
										<th class="center" width="15%">配件名称</th>
										<th class="center" width="15%">规格型号</th>
										<th class="center" width="15%">材料</th>
										<th class="center" width="10%">单位</th>
										<th class="center" width="15%">数量</th>
										<th class="center" width="10%">原价</th>
										<th class="center" width="10%">报价</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<h5>
							<strong>本次报价各项价格</strong>
						</h5>
						<form id="form-quote-foreign">
							<table class="table table-bordered">
								<tbody>
										<tr class="odd gradeX">
											<td width="5%" class="center">总原价</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${#numbers.formatDecimal(quote.costSum,1,2)}" /></td>
											<td width="4%" class="center">总报价</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${#numbers.formatDecimal(quote.productSum,1,2)}" /></td>
											<td width="4%" class="center">浮动比例</td>
											<td width="8%"><div class="input-group">
													<input class="form-control" type="text" readonly="readonly"
														th:value="${quote.productRatio}" /> <span
														class="input-group-addon">%</span>
												</div></td>
											<td width="4%" class="center">浮动金额</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${#numbers.formatDecimal(quote.productOff,1,2)}" /></td>
										</tr>
										<tr class="odd gradeX">
											<td width="5%" class="center">出口方式</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly" th:value="${quote.exportWay}" /></td>
											<td width="4%" class="center">包装费</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly" th:value="${#numbers.formatDecimal(quote.packPrice,1,2)}" /></td>

											<td width="4%" class="center">浮动比例</td>
											<td width="8%">
												<div class="input-group">
													<input class="form-control" type="text" readonly="readonly"
														th:value="${quote.packRatio}" /> <span
														class="input-group-addon">%</span>
												</div>
											</td>
											<td width="4%" class="center">浮动金额</td>
											<td width="8%"><input class="form-control" type="text"
												readonly="readonly" th:value="${#numbers.formatDecimal(quote.packOff,1,2)}" /></td>
										</tr>
										<tr class="odd gradeX">
										<td width="5%" class="center">产品价格币种</td>
											<td width="8%"><input class="form-control" type="text" readonly="readonly"
												th:value="${quote.currency}" /></td>
											<td width="5%" class="center" style="display: none;">拟报价</td>
											<td width="8%" style="display: none;"><input class="form-control" type="text" readonly="readonly"
												id="sum"  th:value="${quote.sum}" /></td>
										</tr>
										<tr>
										<td width="5%" class="center">报价说明</td>
										<td colspan="7">
												<input class="form-control" type="text" readonly="readonly" th:value="${quote.quoteExplain}" />
									</td>
									</tr>
									</tbody>
							</table>
						</form>
						<div class="box-body">
							<a type="button" class="btn btn-info pull-right"
								href="javascript:history.go(-1)">返回</a>
						</div>
					</div>
				</div>
			</div>
		</section>


		<script th:src="@{/quoteForeign/quote-foreign-audit.js}"></script>


	</div>
</body>
</html>
